<![CDATA[
<!DOCTYPE html>
<html>
<head>
<title>CSS lister</title>
<style>
ol {
list-style-type: upper-roman;
margin:0px;
}
ul {
/*list-style-type: square;*/
list-style-image: url(img/beer-smiley.gif);
width:400px;
height:50px;
background-color:#AAA;
padding:10px;
padding-left:100px;
border-bottom-style: inset;
border-bottom-color:green;
border-bottom-width:10px;
border-top-style: inset;
border-top-color:green;
border-top-width:10px;
margin:0px;
margin-left:25px;
}
</style>
</head>
<body>
<ol>
<li>Bananer</li>
<li>Æbler</li>
<li>Ananas</li>
<li>Meloner</li>
<li>Jordbær</li>
<li>Ferskner</li>
</ol>
<ul>
<li>Bananer</li>
<li>Æbler</li>
<li>Ananas</li>
<li>Meloner</li>
<li>Jordbær</li>
<li>Ferskner</li>
</ul>
</body>
</html>
]]>